body { background: #fff url("https://media.avvosites.com/upload/sites/3139/2018/03/Boats-on-the-water-crop.jpg") no-repeat center top scroll; color: #404040; font-size: 15px; font-size: 1.5rem; font-family: 'Open Sans'; font-style: normal; font-weight: normal; } h1, h2, h3, h4, h5, h6 { color: #404040; font-family: 'Open Sans'; font-style: normal; font-weight: 600; } a { color: #64b2fc; text-decoration: none; border-bottom: none; } a:hover { color: #64b2fc; text-decoration: underline; border-bottom: none; } #masthead { } .site-title, .site-description { text-align: left; } .site-title, .site-title:hover { color: #ffffff; font-family: 'Roboto Condensed'; font-style: normal; font-weight: normal; } .site-description, .site-description:hover { color: #ffffff; font-family: 'Crimson Text'; font-style: normal; font-weight: normal; } #nav-container .container { background: #64b2fc; } #nav-container .menu > li > a, .menu-toggle, #nav-container .nav-menu > li > a { color: #FFFFFF; } #nav-container .dropdown-menu { background: #64b2fc; } #nav-container .dropdown-menu > li > a { color: #ffffff; } #primary { float: right; } .embedded-map iframe { color: #404040; } .text-rating { display: none; } #colophon { background: #F0F0F0; } #colophon { color: #7d7d7d; } #colophon a { color: #64b2fc; } #colophon a:hover { color: #64b2fc; } footer .menu > li { border-color: #64b2fc; } /***** Theme-Specific Styles *****/ /* override body background color */ body { background-color: #F0F0F0; } #breadcrumbs, #header-sidebar { color: #FFFFFF; } #breadcrumbs a, #header-sidebar a { color: #64b2fc; } #breadcrumbs a:hover, #header-sidebar a:hover { color: #64b2fc; } .MobileCallWidget, .MobileDirectionsWidget { background: #c1e3fc;border: 1px solid #B3D5EE; } /* override nav container background opacity */ #nav-container .container { background: rgba(100, 178, 252, 0.3); } /* main nav menu hover state */ #nav-container .menu > li > a:hover { color: #c1e3fc; } /* main nav menu active state */ #nav-container .menu > .current-menu-item > a, #nav-container .menu > .current-menu-parent > a, #nav-container .menu > .current-menu-ancestor > a, .single-post #nav-container .menu > .current_page_parent > a { color: #c1e3fc; background: rgba(100, 178, 252, 0.3); } /* dropdown and mobile menu hover state */ #nav-container .dropdown-menu > li > a:hover, #nav-container .nav-menu > li > a:hover { color: #c1e3fc; background: #64b2fc; } /* dropdown and mobile menu active state */ #nav-container .dropdown-menu > .current-menu-item > a, #nav-container .dropdown-menu > .current-menu-parent > a, #nav-container .dropdown-menu > .current-menu-ancestor > a, #nav-container .nav-menu > .current-menu-item > a, #nav-container .nav-menu > .current-menu-parent > a, #nav-container .nav-menu > .current-menu-ancestor > a, .single-post #nav-container .nav-menu > .current_page_parent > a { color: #c1e3fc; background: #54A5EE; } /* homepage main content area */ .home #main-content-wrapper { color: #FFFFFF; margin-top: 1.5em; background: rgba(25, 29, 58, 0.5); } .home #main-content-wrapper h1, .home #main-content-wrapper h2, .home #main-content-wrapper h3, .home #main-content-wrapper h4, .home #main-content-wrapper h5, .home #main-content-wrapper h6 { color: #FFFFFF; } #secondary .widget { background: #c1e3fc;color: #7d7d7d; box-shadow: 1px 1px 1px #c1e3fc; } #secondary .widget h1, #secondary .widget h2, #secondary .widget h3, #secondary .widget h4, #secondary .widget h5, #secondary .widget h6 { color: #7d7d7d; } #secondary .widget a { color: #64b2fc; } #secondary .widget a:hover { color: #64b2fc; } #colophon .site-info { border-top: 1px solid #D4D4D4; } .gform_wrapper input[type="submit"]{ background-color: #64b2fc; color: #7d7d7d; } @media (min-width: 800px) { .home #main-content-wrapper {margin-bottom: 4em;} } /***** Media Queries *****/ @media (min-width: 1901px) { body {background-size: 100% 1000px;} } @media (max-width: 1900px) { body {background-size: auto 1000px;} } @media only screen and (min-width: 1000px) { } @media only screen and (min-width: 800px) and (max-width: 999px) { } @media only screen and (min-width: 480px) and (max-width: 799px) { } @media only screen and (max-width: 479px) { }